<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<!--	<base th:href="${#request.getContextPath()}+'/'">-->
	<meta charset="UTF-8">
	<title>login</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<style type="text/css">
	*{margin: 0px;padding: 0px;}
	body{

	}
	.formPage{
		width:300px;
		height: 300px;
		background-color: red;
		margin: 0 auto;
		margin-top: 300px;
		padding: 20px;
	}
	.formPage span{
		display: inline-block;
		width: 100px;
		height: 50px;
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		margin: 10px;
		border: 1px solid black;
		/*border-bottom: none;*/
	}
	table{
		text-align: center;
	}
	
	#managePage{
		display: none;
	}
	</style>
	<script th:inline="javascript">

		$(function () {

		})

		function switchUser() {
			$("#userPage").css("display","block");
			$("#managePage").css("display","none");
		}
		function switchManager() {
			$("#userPage").css("display","none");
			$("#managePage").css("display","block");
		}
	</script>
</head>
<body>
	<div class="formPage">
		<p style="text-align: center;color: black;" th:text="${mes}"></p>
		<span id="user" onclick="switchUser()">用户登录</span><span id="manage" onclick="switchManager()">管理员</span>
		<form action="user/uLogin" method="post">
			<table id="userPage" style="border-collapse:separate; border-spacing:0px 10px;">
				<tr>
					<td style="width: 50px;height: 30px;">用户名:</td>
					<td><input type="text" name="userAccount" required=""></input></td>
				</tr>
				<tr>
					<td>密码:</td>
					<td><input type="password" name="userPassword" required=""></input></td>
				</tr>
				<tr >
					<td colspan="2" ><input type="submit" value="登录" style="background-color: green;width: 80px;
					height: 30px;line-height: 30px; color: white;"></input>
					</td>
				</tr>
				<tr>
					<td colspan="2"><a href="regist.html" style="text-align: center;list-style: none;color: black;">立即注册</a></td>
				</tr>
			</table>
		</form>
		<form action="manager/mLogin" method="post">
			<table id="managePage" style="border-collapse:separate; border-spacing:0px 10px;">
				<tr>
					<td>管理员号:</td>
					<td><input type="text" name="managerAccount" required=""></input></td>
				</tr>
				<tr>
					<td>密码:</td>
					<td><input type="password" name="managerPassword" required=""></input></td>
				</tr>
				<tr>
					<td colspan="2"><input type="submit" value="登录" style="background-color: green; width: 80px;
					height: 30px;line-height: 30px;"></input></td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>